<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        @media print {
            body {
                width: 240mm;
                margin: 0;
                padding: 0;
            }

            @page {
                size: B5 landscape;
                margin-left: 6mm;
                margin-top: 6mm;
            }
        }

        body {
            text-align: center;
            position: relative;
        }

        .gridtable {
            font-family: verdana, arial, sans-serif;
            font-size: 16px;
            color: #333333;
            border-width: 1px;
            border-color: #666666;
            border-collapse: collapse;
            width: 240mm;
        }

        .gridtable th {
            border-width: 1px;
            padding: 8px;
            border-style: solid;
            border-color: #666666;
            background-color: #dedede;
        }

        .gridtable td {
            border-width: 1px;
            padding: 8px;
            border-style: solid;
            border-color: #666666;
            background-color: #ffffff;
        }

        .gridtable .noborder {
            border: 0;
        }

        .gridtable .left {
            text-align: left;
        }


    </style>
</head>
<body>
<table class='gridtable'>
    <thead>
    <tr>
        <td colspan="9" class="noborder">宁波埃斯玻璃制品有限公司发货单</td>
    </tr>
    <tr>
        <td colspan="7" class="noborder left">
            收货单位：
            <span id="receiveUnit"></span>
        </td>
        <td colspan="2" class="noborder">
            <span id="time"></span>
        </td>
    </tr>
    <tr>
        <td colspan="7" class="noborder left">
            收货人：
            <span id="receiver"></span>
            <span id="phone"></span>
        </td>
        <td colspan="2" class="noborder">
            单号：
            <span id="tickerNo"></span>
        </td>
    </tr>
    <tr>
        <td>序号</td>
        <td>订单号</td>
        <td>编码号</td>
        <td>确认号</td>
        <td>货号</td>
        <td>箱数</td>
        <td>只/箱</td>
        <td>总数</td>
        <td>备注</td>
    </tr>
    </thead>
    <tbody id='content'>
    </tbody>
    <tbody>
    <tr>
        <td>合计</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td id="numSum"></td>
        <td></td>
        <td id="sum"></td>
        <td></td>
    </tr>
    <tr>
        <td colspan="2">随车附物品：</td>
        <td colspan="7"><span id="objWithCar"></span></td>
    </tr>
    <tr>
        <td colspan="9" class="left">
            车号：
            <span id="carNo"></span>
            &emsp;
            <span id="driverName"></span>
            &emsp;
            <span id="driverPhone"></span>
            &emsp;&emsp;&emsp;&emsp;&emsp;
            运费：
            <span id="freight"></span>
        </td>
    </tr>
    <tr>
        <td colspan="9" class="noborder left">
            <b>白联财务</b>
            &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
            <b>红联客户</b>
            &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
            <b>黄联签字带回</b>
        </td>
    </tr>
    <tr>
        <td class="noborder left">发货：</td>
        <td class="noborder"><span id="consigner"></span></td>
        <td class="noborder"></td>
        <td class="noborder left">财务：</td>
        <td class="noborder"><span id="accountant"></span></td>
        <td class="noborder left">司机：</td>
        <td class="noborder"><span id="driver"></span></td>
        <td class="noborder left">收货签字：</td>
        <td class="noborder"></td>
    </tr>
    </tbody>

</table>
</body>
</html>
